<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>


	
		<h2 align="center">Plantilla de Inventario</h2>
		<form action="" id="pedidoForm" method="GET" >
		<table border="0" width="200" align="center">
			
			<tr>
				<td>
					<fieldset>
					<table width="100%">
						<tr>
								<td width="90%">
									<table width="100%">
										<tr>
											<td width="120">ZONA</td>
											<td>
												<form:select path="lista_zonas" class="cmb1" 
													id="cmb_zona" name="id_zona">
													<c:forEach items="${lista_zonas}" var="zona">
														<form:option value="${zona.id_zona}" label="${zona.nom_zona}"></form:option>
													</c:forEach>
												</form:select>	
											</td>
										</tr>
										<tr>
								          <td width="120">ALMACEN</td>
								          <td><form:select path="lista_almacenes"  id="cmb_almacen" name="id_almacen">
												<form:options items="${lista_almacenes}"
													itemValue="codAlmacen" itemLabel="descripcion"></form:options>
											</form:select></td>
										</tr>
										 <tr>
									          <td width="120">UBICACION</td>
									          <td><form:select path="lista_subalmacenes" id="cmb_ubicacion" name="id_ubicacion">
													<form:options items="${lista_subalmacenes}"
														itemValue="codigo" itemLabel="descripcion"></form:options>
													</form:select>
											  </td>
										</tr>
										
									</table>
								</td>
						</tr>
						<tr align="center">
							<td colspan="4">
								<a id="btn_plantilla_inventario" href="#"></a>
							</td>
							
						</tr>
					</table>
					</fieldset>
				</td>
				
			</tr>

		</table>
		</form>
<script type="text/javascript">
$(document).ready(function() {
	$("#cmb_zona").change(llenarComboAlmacen);
	$("#cmb_almacen").change(llenarComboSubAlmacen);
	$("#cmb_almacen").load(llenarComboSubAlmacen);
	Utiles_Botones.creaBotonPersonalizado("btn_plantilla_inventario", "Generar", Utiles_Botones.ICON_ACEPTAR, false, verPlantillaInventario);
});

function verPlantillaInventario(){
	Utiles_Reporte.verReporte("ver_plantilla_inventario?codigo="+$("#cmb_ubicacion").val());
}

function llenarComboAlmacen() {
	var zona = $("#cmb_zona").val();
	$("#cmb_almacen").bindComboConAccion("almacen_en_zona",{cod_zona : zona},{id : "codAlmacen",desc:"descripcion"},"llenarComboSubAlmacen");
}

function llenarComboSubAlmacen() {
	var almacen = $("#cmb_almacen").val();
	$("#cmb_ubicacion").bindCombo("subalmacen_en_almacen",{cod_almacen : almacen},{id : "codigo",desc:"descripcion"});
}
</script>